﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Position</title>
  <link type="text/css" href="../base.css" rel="stylesheet">
  <link type="text/css" href="index.css" rel="stylesheet">
</head>
<body>
<nav>
  CSS Course by @Castle
</nav>

<div id="body">
  <h1 class="page-title">Position</h1>
  <ul>
    <li>Static</li>
    <li>Relative</li>
    <li>Absolute</li>
    <li>Fixed</li>
  </ul>

  <h1 class="page-title">Position Relative</h1>

  <div class="rel">
    test
  </div>

  <h1 class="page-title">Position Absolute</h1>

  <div class="abs">
    <div class="abss">
      test
    </div>
  </div>


  <h1 class="page-title">Position Fixed</h1>
  <div class="fix">
test
  </div>

</div>
</body>
</html>